<template>
  <div class="echarts" >
    <IEcharts :option="option.circle" :resizable="resizable"></IEcharts>
    
  </div>
</template>

<script type="text/babel">
  import IEcharts from 'vue-echarts-v3/src/full.vue';
  import {mapState} from 'vuex'
  export default {
    name: 'circle',
    components: {
      IEcharts
    },
    data: () => ({
      resizable: true,
    }),
    computed:{
      ...mapState([
        'option',
      ]),
    },
    methods: {
    }
  };
</script>

<style scoped>
  .echarts{
    /*width: 25%;
    height: 25%;*/
    position:absolute;
    border: 2px solid blue;
  }
</style>